<template>
  <div class="home">
    <!--搜索框-->
    <TopSearch />
    <!--顶部轮播图-->
    <TopSwiper />
    <!--主体内容-->
    <div class="uotBorder">
      <!--导航栏-->
      <TopGrid />
      <!--推荐列表-->
      <RecommendList />
    </div>
    <!--发布按钮-->
    <Publish />
  </div>
</template>

<script>
import TopSwiper from "@/views/home/component/TopSwiper";
import TopSearch from "@/views/home/component/TopSearch";
import TopGrid from "@/views/home/component/TopGrid";
import RecommendList from "@/views/home/component/RecommendList";
import Publish from "@/views/Publish/PublishApp";
export default {
  name: "Home",
  components: {
    Publish,
    RecommendList,
    TopGrid,
    TopSearch,
    TopSwiper,
  },
};
</script>
<style scoped>
.home {
  background-color: #f7f7f79c;
}
.uotBorder {
  display: flex;
  flex-direction: column;
  padding: 0 0.3rem 3.5rem 0.3rem;
  box-sizing: border-box;
}
</style>
